


.search-wrap{
    display: flex;
    align-items: center;
    /* background: red; */
    margin: 4px 12px;
}


.input-wrap{
    flex: 1;
    display: flex;
    align-items: center;
    background: #9aa0b1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.icon-box{
    width: 24px;
    height: 24px;
    margin: 8px 10px;
    background-image: url('https://img2.baidu.com/it/u=2461987334,2666467059&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.input{
    flex: 1;
    border: none;
    outline: none;
    background: #9aa0b1;
}
.btn{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 20px;
}
.cancel-icon{
    width: 24px;
    height: 24px;
    background: #ddd;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}